﻿@page "/docs/helpers/enums/dropdown"

<Seo Canonical="/docs/helpers/enums/dropdown" Title="Enums: Dropdown" Description="Learn to use and work with the Blazorise Dropdown enums that help you to modify the dropdowns appearance and their behavior." />

<DocsPageTitle>
    Enums: Dropdown
</DocsPageTitle>

<DocsPageSection>
    <DocsPageSectionHeader Title="Direction">
        <Paragraph>Direction of an dropdown menu.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>Direction.None</Code> Same as</UnorderedListItem>
            <UnorderedListItem><Code>Direction.Down</Code> Trigger dropdown menus bellow an element (default behaviour).</UnorderedListItem>
            <UnorderedListItem><Code>Direction.Up</Code> Trigger dropdown menus above an element.</UnorderedListItem>
            <UnorderedListItem><Code>Direction.Right</Code> Trigger dropdown menus to the right of an element.</UnorderedListItem>
            <UnorderedListItem><Code>Direction.Left</Code> Trigger dropdown menus to the left of an element.</UnorderedListItem>
            <UnorderedListItem><Code>Direction.End</Code> Trigger dropdown menus to the end of an element.</UnorderedListItem>
            <UnorderedListItem><Code>Direction.Start</Code> Trigger dropdown menus to the start of an element.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="DropdownPositionStrategy">
        <Paragraph>Defines the position strategy for the floating component.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>DropdownPositionStrategy.Absolute</Code> The floating element is positioned relative to its nearest positioned ancestor. With most layouts, this usually requires the browser to do the least work when updating the position.</UnorderedListItem>
            <UnorderedListItem><Code>DropdownPositionStrategy.Fixed</Code> The floating element is positioned relative to its nearest containing block (usually the viewport). This is useful when the reference element is also fixed to reduce jumpiness with positioning while scrolling.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>